<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>书虫网</title>
    <link rel="stylesheet" href="../public/css/base.css"/>
    <link rel="stylesheet" href="../public/css/commentform.css"/>
    <link rel="stylesheet" href="../public/js/swiper-3.4.2.min.css"/>
    <script src="../public/js/base.js"></script>
    <script src="../public/js/zepto.min.js"></script>
    <script src="../public/js/template-native.js"></script>
</head>
<body>
<!--头部-->
<header class="header">
    <a class="back" href="noveldetail.ejs"></a>
    <h3>全部评论</h3>
    <a class="writecomment" href="writecomment.ejs"></a>
</header>

<div class="comment">
    <ul class="comment_list"></ul>
</div>
<div class="pagination">
    <span class="prev">上一页</span>
    <span class="next">下一页</span>
</div>
<script type="javascript/template" id="commentTem">
    <%for(var i=0;i< items.length;i++){%>
        <li>
            <div class="comment_top">
                <img src="../public/images/snowman.jpg" alt="头像"/>
                <p class="comment_name"><%=items[i].userName%></p>
                <p class="comment_date"><%=items[i].commentTime%></p>
                <span class="upvote"><%=items[i].good%></span>
            </div>
            <div class="comment_content">
                <p><%=items[i].comment%></p>
            </div>
        </li>

    <%}%>
</script>
</body>
<script src="../public/js/commentform.js"></script>
</html>